<template>
  <div>
    <van-nav-bar left-arrow>
        <template #left>
            <van-icon name="arrow-left" @click="$router.back()" />
        </template>
    </van-nav-bar>
    <h3>以下信息用于核实您的真实身份</h3>
    <div class="name">
      <h5>目前只支持大陆二代身份证</h5>
      <van-contact-card
      type="edit"
      :name="currentContact.name"
      :tel="currentContact.tel"
      @click="onEdit"
    />
    </div>

  </div>
</template>

<script>
import { Toast } from 'vant';
export default {
  data() {
    return {
      currentContact: {
        name: '张三',
        tel: '13000000000',
      },
    };
  },
  methods: {
    onEdit() {
      Toast('编辑');
    },
  },
}
</script>

<style lang="scss" scoped>

h3{
  text-align: center;
  margin: 10px;
}
.name{
  border-radius: 10px;
  margin: 10px;
}
h5{
  background-color:rgb(236, 244, 247) ;
  color: darkgray;
  height: 30px;
  line-height: 30px;
  padding: 5px 20px;
}
</style>